<template>
  <el-form ref="searchForm" :model="searchForm" inline>
    <el-form-item label="字段编码">
      <el-input v-model="searchForm.strparamcode" placeholder="请输入" clearable />
    </el-form-item>
    <el-form-item label="字段名称">
      <el-input v-model="searchForm.strparamname" placeholder="请输入" clearable />
    </el-form-item>
    <el-form-item label="状态">
      <el-select v-model="searchForm.blnisinactive" placeholder="请选择" style="width: 120px">
        <el-option
          v-for="item in listState"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'ExtendedFieldSettingSearch',
  data() {
    return {
      searchForm: {
        strparamcode: '',
        strparamname: '',
        blnisinactive: '0'
      }
    }
  },
  computed: {
    ...mapGetters([
      'listState'
    ])
  },
  mounted() {
    this.search()
  },
  methods: {
    search() {
      this.$emit('search', this.searchForm)
    }
  }
}
</script>

<style scoped>

</style>
